ng-include(src="'app/dashboard/dashboard-menu.html'")

.container.settings-container
	.row.title-row
		.col-lg-12.col-md-12.col-sm-12.col-xs-12
			h2.settings-title settings
	.row.info-row
		.col-lg-3.col-md-3.col-sm-6.col-xs-12
			img(src='{{ userData.profileImage[0].url }}')
			//button
				input(type='file', ng-file-select='onFileSelect($files)')
			// THIS FORM IS TOO COMPLEX - TRYING SOMETHING SIMPLER FIRST
			form(name='avatar-form')
				input(type='file', name='file' ngf-select, ng-model='profPic', ngf-max-size='1MB', required)
				button(ng-click='uploadPic(profPic)') Upload Profile Picture!
					//ng-disabled='!avatar-form.$valid'
				i(ng-show="avatar-form.file.$error.required")*required
				br
				i(ng-show='avatar-form.file.$error.maxSize') File too large
				img(ng-show="avatar-form.file.$valid" ngf-thumbnail="!profPic.$error && profPic" class="thumb")
				button(ng-click='profPic = null' ng-show='profPic') Remove
				span(ng-show='profPic.result') Upload Succesful
				span.err(ng-show='errorMsg') {{ errorMsg }}
		.col-lg-5.col-md-5.col-sm-6.col-xs-12
			p User Name: {{ userData.name }}
		.col-lg-4.col-md-4.col-sm-12.col-xs-12
			p Email: {{ userData.email }}
		.edit-icon
			span.glyphicon.glyphicon-pencil(aria-hidden="true")
	.row.password-row
		.col-lg-6.col-md-6.col-sm-12.col-xs-12
			p.password-input Current Password
			p.password-input New Password
		.col-lg-6.col-md-6.col-sm-12.col-xs-12
			p.password-input Repeat Current Password
			p.password-input New Password